<div id="content_header">
  <h3>Maintain Credit Card Fee</h3>
</div>
<div class="row">
  <form name="form" role="form" ng-submit="add()">

    <div class="form-group" ng-class="{ 'has-error': errors.Fee}">
      <label class="required" for="Fee">Fee</label>
      <input type="number" name="Fee" class="form-control" id="Fee" placeholder="Input field" ng-model="newItem.Fee" required>
      <error-widget field="errors.Fee"></error-widget>
    </div>

    <div class="form-group" ng-class="{ 'has-error': errors.CreditCardType}">
      <label class="required" for="CreditCardTypeId">Credit Card</label>
      <select name="" class="form-control" id="CreditCardTypeId" ng-model="newItem.CreditCardType.Id" ng-options="creditcard.Id as creditcard.Name for creditcard in creditcardtypes" required>
        <option value="" ng-hide="newItem.CreditCardType.Id">Select a Credit Card.</option>
      </select>
      <error-widget field="errors.CreditCardType"></error-widget>
    </div>

    <button type="submit" class="btn btn-primary" >Submit</button>
  </form>
</div>